#home .anim-container{
	animation: home-init-left 2.8s cubic-bezier(.78,1.2,.4,1) 0s 1 forwards;
}
#home .v8-2{
	animation: home-init-shade-1 2.8s cubic-bezier(.78,1.2,.4,1) 0s 1 forwards;
}
#home .v8-1{
	animation: home-init-shade-2 2.8s cubic-bezier(.78,1.2,.4,1) 0s 1 forwards;
}
#home .v2-1,#home .v2-2,#home .v2-3,#home .v2-4,#home .v9-2{
	transform: rotate(10deg);
	animation: home-init-wave 1.2s cubic-bezier(.73,0,.27,1) 1.2s 1 forwards;
}
#home .v9-1{
	animation: home-basic-wave 2s cubic-bezier(.78,1.2,.4,1) 0s infinite alternate;
}
#home .v4-2{
	animation: home-basic-halfwave 4s cubic-bezier(.78,1.2,.4,1) 0s infinite alternate;
}
#home .v4-3{
	animation: home-basic-wave 3s cubic-bezier(.78,1.2,.4,1) 0s infinite alternate;
}
#home .v4-4{
	animation: home-basic-wave 2.4s cubic-bezier(.78,1.2,.4,1) 0s infinite alternate;
}

#home .v2-1{
	transform-origin: 40.4878% 31.82166%;
}
#home .v2-2{
	transform-origin: 42.805% 24.06%;
}
#home .v2-3,#home .v2-4{
	transform-origin: 50.061% 29.5287%;
}
#home .v4-2{
	transform-origin: 57.561% 29.0828%;
}
#home .v4-3,#home .v4-4{
	transform-origin: 57.744% 32.2204%;
}
#home .v9-1{
	transform-origin: 50.5488% 23.56%;
}
#home .v9-2{
	transform-origin: 47.8049% 19.65605%;
}


#sec-03 #tower-03{
	animation: sec-03-tower 6s ease 0s infinite alternate;
}
#sec-03 #knight-03{
	animation: sec-03-knight 6s ease 0s infinite alternate;
}

.graph.anim td .graph-col{
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
.graph.anim.fire td .graph-col{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	animation: vert-bar 1.5s ease-in-out 1 forwards;
}

@keyframes vert-bar{
	0%{
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	100%{
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@keyframes home-init-wave{
	0%{
		transform: rotate(10deg);
	}
	75%{
		transform: rotate(-12deg);
	}
	100%{
		transform: rotate(0deg);
	}
}

@keyframes home-init-left{
	0%{
		right: -100%;
		transform: rotate(-6deg);
	}
	90%{
		transform: rotate(0deg);
	}
	100%{
		right: 0%;
		transform: rotate(0deg);
	}
}

@keyframes home-basic-wave{
	0%{
		transform: rotate(4deg);
	}
	100%{
		transform: rotate(-4deg);
	}
}
@keyframes home-basic-halfwave{
	0%{
		transform: rotate(6deg);
	}
	60%{
		transform: rotate(6deg);
	}
	100%{
		transform: rotate(-16deg);
	}
}
@keyframes home-init-shade-1{
	0%{
		transform: scaleX(70%) translateX(-15%)
	}
	100%{
		transform: scaleX(100%) translateX(0%)
	}
}
@keyframes home-init-shade-2{
	0%{
		transform: scaleX(80%) translateX(-14%)
	}
	100%{
		transform: scaleX(100%) translateX(0%)
	}
}


@keyframes sec-03-tower{
	0%{
		transform: translate(-44%, -30%) scale(0.85);
	}
	20%{
		transform: translate(-44%, -30%) scale(0.85);
	}
	32%{
		transform: translate(0%, 0%) scale(1);
	}
	100%{
		transform: translate(0%, 0%) scale(1);
	}
}
@keyframes sec-03-knight{
	0%{
		transform: translate(13%, -29%) scale(0.8);
	}
	30%{
		transform: translate(13%, -29%) scale(0.8);
	}
	36%{
		transform: translate(-15%, -9%) scale(0.93);
	}
	39%{
		transform: translate(-15%, -9%) scale(0.93);
	}
	44%{
		transform: translate(0%, 0%) scale(1);
	}
	100%{
		transform: translate(0%, 0%) scale(1);
	}
}












svg#sc2 .st32, svg#sc2 .st15, svg#sc2 .st16, svg#sc2 .st18, svg#sc2 .st19, svg#sc2 .st20{
	animation: rotate-light 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

@keyframes rotate-light{
	0%{
		transform: rotate(-5deg);
	}
	20%{
		transform: rotate(0deg);
	}
	60%{
		transform: rotate(5deg);
	}
	80%{
		transform: rotate(5deg);
	}
	100%{
		transform: rotate(0deg);
	}
}

svg#sc2 .st32{
	animation: rotate-light-show 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
@keyframes rotate-light-show{
	0%{
		fill: #DBF3F8;
		transform: rotate(-5deg);
	}
	20%{
		transform: rotate(0deg);
	}
	60%{
		transform: rotate(5deg);
	}
	80%{
		transform: rotate(5deg);
	}
	100%{
		fill: #DBF3F8;
		transform: rotate(0deg);
	}
}

svg#sc2 .st46{
	opacity: 0;
	animation: blink 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
}

@keyframes blink{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	40%{
		opacity: 1;
		transform: scale(1);
	}
	60%{
		opacity: 1;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		transform: scale(0);
	}
}

svg#sc2 .st44{
	opacity: 0;
	animation: blink 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 1s;
}

svg#sc2 .st45{
	opacity: 0;
	animation: blink 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 2s;
}

svg#sc2 .st43{
	opacity: 0;
	animation: blink 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 2s;
}

svg#sc2 .st47{
	opacity: 0;
	animation: blink 6s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 4s;
}

svg#sc2 .st38{
	opacity: 0;
	animation: blink 4s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 2s;
}

svg#sc2 .st58{
	opacity: 0;
	animation: blink 5s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 1s;
}

svg#sc2 .st59{
	opacity: 0;
	animation: blink 3s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 3s;
}

svg#sc2 .st37{
	opacity: 0;
	animation: blink 4s ease 0s infinite alternate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-box: fill-box;
	animation-delay: 2.5s;
}